<style>
    .md-container {
        display: grid;
        grid-template-columns: 350px minmax(1000px, 1fr);
        grid-gap: 10px;
        padding: 1rem 3rem 4rem;
    }
    #addPropertyForm .layui-form-label {
        padding: 9px 0;
    }
    #addPropertyForm .layui-input-block {
        margin-left: 90px;
    }
    #addPropertyForm .property-input-row {
        display: grid;
        grid-template-columns: 2.5fr 1.5fr;
        grid-gap: 10px;
    }
    #addPropertyForm .column-input-row {
        display: grid;
        grid-template-columns: 1.5fr 1.5fr 1fr;
        grid-gap: 10px;
    }
    .md-container .layui-table-box .layui-table-cell {
        padding: 6px;
    }
</style>
<div class="md-container" xmlns:th="https://www.thymeleaf.org/">
    <div class="md-container-left">
        <div class="layui-card" style="padding: 5px; margin-bottom: 10px">
            <table class="layui-table" style="margin: 0;">
                <tbody>
                <tr>
                    <td>实体类名</td>
                    <td th:text="${model.modelName}"></td>
                </tr>
                <tr>
                    <td>表名</td>
                    <td th:text="${model.tableName}"></td>
                </tr>
                <tr>
                    <td>创建人</td>
                    <td th:text="${model.createUser}"></td>
                </tr>
                <tr>
                    <td>创建时间</td>
                    <td th:text="${#dates.format(model.createTime, 'yyyy年MM月dd日 HH:mm')}"></td>
                </tr>
                <tr>
                    <td>修改时间</td>
                    <td th:text="${#dates.format(model.modifyTime, 'yyyy年MM月dd日 HH:mm')}"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="layui-card">
            <div th:replace="pages/add_model_detail_form.html"></div>
        </div>
    </div>
    <div class="md-container-right">
        <div class="layui-card">
            <div class="layui-card-header">模型明细列表</div>
            <div class="layui-card-body">
                <table id="model_detail_table" lay-filter="model_detail"></table>
            </div>
        </div>
    </div>
</div>


<script type="text/html" id="optColumn">
    {{# if(d.inherentFlag !== 1) { }}
    <a class="layui-btn layui-btn-primary layui-btn-xs" title="编辑" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" title="删除" lay-event="del">删除</a>
    {{# } }}
</script>
<script type="text/javascript" src="/static/js/model_detail.js"></script>